<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<title>首页</title>
<link type="text/css" rel="stylesheet" href="css/reset.css"/>
<link type="text/css" rel="stylesheet" href="css/style.css"/>
</head>

<body>
<div class="head">
    <div class="topHead">
            <div class="topHeadL"><h3><a href="#">收藏慕课</a></h3></div>
            <div class="topHeadR">欢迎来到慕课网！<a href="登录.html">[登录]</a><a href="注册.html">[免费注册]</a></div>
    </div><!--顶部1-->
    <div class="middleHead"> 
    <div class="middleH">
            <img src="images/png/mukelogo.gif"/>
            <div class="BOX">
                                  <input type="text"  class="box" /><input type="button"  value="搜 索" class="search"/>
            </div>
            <div class="shopbox">
                                    <span class="shop"><a href="#" >购物车</a></span><span class="num"><a href="#" >0</a></span>
            </div>
      </div>
   </div><!--顶部2-->
    <div  class="footerHead">
      <div class="footerH">
               <div class="H3">
                <h3>全部商品分类</h3>
                 </div>
                 <ul>
                  <li><a href="#">数码城</a></li>
                  <li><a href="#">天黑黑</a></li>
                  <li><a href="#">团购</a></li>
                  <li><a href="#">发现</a></li>
                  <li><a href="#">二手特卖</a></li>
                  <li><a href="#">名品会</a></li>
                  </ul>
        </div>
    </div><!--顶部3-->
    <div class="shopList">
         <div class="leftshopList">
                  <dl>
                         <dt><a href="#">手机</a><a href="#">数码</a><a href="#" class="beijing">合约机</a></dt>
                         <dd><a href="#">荣耀3X</a><a href="#">单反</a><a href="#">智能设备</a></dd>
                  </dl>
                    <dl class="active">
                         <dt><a href="#">电脑</a><a href="#">硬件外设</a><a href="#" class="beijing">装机宝</a></dt>
                         <dd><a href="#">笔记本</a><a href="#">台式机</a><a href="#">超极本</a><a href="#">平板</a></dd>
                  </dl>
                    <dl>
                         <dt><a href="#">大家电</a></dt>
                         <dd><a href="#">电视</a><a href="#">空调</a><a href="#">冰箱</a><a href="#">洗衣机</a></dd>
                  </dl>
                    <dl>
                         <dt><a href="#">厨房电器</a><a href="#">生活电器</a></dt>
                         <dd><a href="#">空气净化器</a><a href="#">微波炉</a><a href="#">取暖设备</a></dd>
                  </dl>
                    <dl>
                         <dt><a href="#">食品/饮料/生鲜</a><a href="#" class="beijing">粮油</a></dt>
                         <dd><a href="#">进口</a><a href="#">方便面</a><a href="#">零食</a><a href="#">保健</a></dd>
                  </dl>
         </div><!--左部分-->
         
         <!--右菜单部分-->
         <div class="rightshopList">
            <dl>     
                   <dt><a href="#">电脑整机</a></dt>   
                   <dd><a href="#">笔记本</a><a href="#">超极本</a><a href="#">上网本</a><a href="#">平板电脑</a><a href="#">台式机</a></dd>
           </dl>
           <dl>     
                     <dt><a href="#">装机配件 </a></dt>
                     <dd>
                             <a href="#">CPU</a> <a href="#">SSD固态硬盘 </a>
                             <a href="#">内存 </a> <a href="#">显示 </a>
                             <a href="#">智能显示器 </a>  <a href="#">主板 </a>
                             <a href="#">显卡 </a> <a href="#">机箱</a>
                             <a href="#">电源</a> <a href="#">散热器</a>
                             <a href="#">刻录机/光驱</a> <a href="#">声卡</a>
                             <a href="#">拓展卡</a>  <a href="#">服务器配件</a>
                             <a href="#">DIY小配件</a>   <a href="#">装机/配件安装</a>
                     </dd>  
           </dl>   
           <dl>
                    <dt><a href="#">整机附件 </a></dt>
                     <dd>
                           <a href="#">电脑包 </a>   <a href="#">电脑桌 </a>
                             <a href="#">电池 </a>    <a href="#">电源适配器 </a>
                             <a href="#">贴膜 </a>    <a href="#">清洁用品 </a>
                             <a href="#">笔记本散热器 </a>    <a href="#">USB拓展 </a>
                             <a href="#">平板配件 </a>    <a href="#">特色附件 </a>
                             <a href="#">插座网线/电话线 </a>    <a href="#">影阴线材 </a>
                             <a href="#">电脑线材 </a>       
                     </dd>
            </dl>
            <dl>
                   <dt><a href="#">电脑外设 </a></dt>
                   <dd>
                           <a href="#">鼠标 </a> 
                           <a href="#">键盘</a>
                           <a href="#">游戏外设</a>
                           <a href="#">移动硬盘 </a>
                           <a href="#">摄像头</a>
                           <a href="#">高清播放器 </a>
                           <a href="#">外置盒 </a>
                           <a href="#">移动硬盘包 </a>
                           <a href="#">手写板/绘图板</a>
                   </dd>
            </dl>
             <dl>
                   <dt><a href="#">网络设备 </a></dt>
                   <dd>
                           <a href="#">路由器 </a> 
                           <a href="#">网卡 </a>
                           <a href="#">3G无线上网</a>
                           <a href="#">交换机 </a>
                           <a href="#">网络存储 </a>
                           <a href="#">布线工具</a>
                           <a href="#">网络配件 </a>
                           <a href="#">正版软件 </a> 
                   </dd>
              </dl>
               <dl>
                   <dt><a href="#">音频设备 </a></dt>
                   <dd>
                           <a href="#">音响 </a>   <a href="#">耳机/耳麦 </a>
                           <a href="#">麦克风 </a>    <a href="#">声卡</a>
                           <a href="#">音频附件 </a>    <a href="#">录音笔 </a>  
                   </dd>
              </dl>
           <div class="shopList_links">
                                <a href="#">电脑整机频道<span ></span></a><a href="#">硬件/外设频道<span ></span></a>
                           </div>
         </div>
         <div class="rightshopList">
            <dl>     
                   <dt><a href="#">厨具</a></dt>   
                   <dd><a href="#">笔记本</a><a href="#">超极本</a><a href="#">上网本</a><a href="#">平板电脑</a><a href="#">台式机</a></dd>
           </dl>
           <dl>     
                     <dt><a href="#">家装建材 </a></dt>
                     <dd>
                             <a href="#">无尽工具</a> <a href="#">厨房卫浴 </a>
                             <a href="#">景墙灯 </a> <a href="#">手动工具 </a>
                             <a href="#">壁纸</a>  <a href="#">瓷砖</a>
                              <a href="#">景墙灯 </a> <a href="#">手动工具 </a>
                             <a href="#">壁纸</a>  <a href="#">瓷砖</a>
                            
                     </dd>  
           </dl>   
           <dl>
                    <dt><a href="#">家纺 </a></dt>
                     <dd>
                           <a href="#">床品套件 </a>   <a href="#">春秋被 </a>
                             <a href="#">毛静 </a>    <a href="#">浴巾 </a>
                             <a href="#">窗帘 </a>    <a href="#">沙发套</a>
                             <a href="#">地毯 </a>    <a href="#">USB拓展 </a>
                             <a href="#">靠垫 </a>    <a href="#">毛毯 </a>
                             <a href="#">抱枕 </a>    <a href="#">纱窗 </a>
                             <a href="#">N件套 </a>       
                     </dd>
            </dl>
            <dl>
                   <dt><a href="#">家居 </a></dt>
                   <dd>
                           <a href="#">卧室家居 </a> 
                           <a href="#">沙发</a>
                           <a href="#">茶几</a>
                           <a href="#">电视柜 </a>
                           <a href="#">书椅</a>
                           <a href="#">书架 </a>
                           <a href="#">晾衣架</a>
                           <a href="#">折叠床 </a>
                           <a href="#">置物架</a>
                           <a href="#">床垫</a>
                           <a href="#">衣帽架 </a>
                           <a href="#">户外家具</a>
                   </dd>
            </dl>
             <dl>
                   <dt><a href="#">灯具 </a></dt>
                   <dd>
                           <a href="#">台灯 </a> 
                           <a href="#">呼吸灯 </a>
                           <a href="#">夜灯</a>
                           <a href="#">防蚊灯</a>
                           <a href="#">LED灯</a>
                           <a href="#">节能灯</a>
                           <a href="#">装饰灯 </a>
                           <a href="#">吊灯 </a> 
                   </dd>
              </dl>
               <dl>
                   <dt><a href="#">服务产品</a></dt>
                   <dd>
                           <a href="#">上门安装 </a>   <a href="#">维修服务</a>
                          
                   </dd>
              </dl>
           <div class="shopList_links">
                                <a href="#">家装节<span ></span></a><a href="#">家装城<span ></span></a>
                           </div>
         </div>
         <div class="rightshopList">
            <dl>     
                   <dt><a href="#">中外名酒</a></dt>   
                   <dd><a href="#">笔记本</a><a href="#">超极本</a><a href="#">上网本</a><a href="#">平板电脑</a><a href="#">台式机</a></dd>
           </dl>
           <dl>     
                     <dt><a href="#">汽车用品 </a></dt>
                     <dd>
                             <a href="#">CPU</a> <a href="#">SSD固态硬盘 </a>
                             <a href="#">内存 </a> <a href="#">显示 </a>
                             <a href="#">智能显示器 </a>  <a href="#">主板 </a>
                                  <a href="#">键盘</a>
                           <a href="#">游戏外设</a>
                           <a href="#">移动硬盘 </a>
                           <a href="#">摄像头</a>
                           <a href="#">高清播放器 </a>
                           <a href="#">外置盒 </a>
                           <a href="#">移动硬盘包 </a>
                           <a href="#">手写板/绘图板</a>
                            
                     </dd>  
           </dl>   
           <dl>
                    <dt><a href="#">潮流女包 </a></dt>
                     <dd>
                           <a href="#">单肩包 </a>   <a href="#">双肩包 </a>
                             <a href="#">手提包 </a>    <a href="#">零钱包</a>
                             <a href="#">斜挎包 </a>    <a href="#">多用套包 </a>
                              
                     </dd>
            </dl>
            <dl>
                   <dt><a href="#">运动户外 </a></dt>
                   <dd>
                           <a href="#">山地车 </a> 
                           <a href="#">公路车</a>
                           <a href="#">折叠车</a>
                           <a href="#">折叠山地车 </a>
                           <a href="#">电动车</a>
                           <a href="#">电动自行车 </a>
                           <a href="#">头盔 </a>
                           <a href="#">平衡车 </a>
                           <a href="#">复古车</a>
                                <a href="#">摩托车</a>
                           <a href="#">工具</a>
                           <a href="#">水壶 </a>
                           <a href="#">眼镜</a>
                           <a href="#">骑行服</a>
                           <a href="#">雅迪</a>
                           <a href="#">凤凰</a>
                           <a href="#">定制</a>
                   </dd>
            </dl>
             <dl>
                   <dt><a href="#">保健器材 </a></dt>
                   <dd>
                           <a href="#">血糖计 </a> 
                           <a href="#">血压仪 </a>
                   
                   </dd>
              </dl>
               <dl>
                   <dt><a href="#">妈妈专区</a></dt>
                   <dd>
                           <a href="#">防辐射服 </a>   <a href="#">月子装</a>
                           <a href="#">营养辅食 </a>    <a href="#">童车童床</a>
                           <a href="#">喂养用品 </a>    <a href="#">安全座椅</a>  
                   </dd>
              </dl>
           <div class="shopList_links">
                                <a href="#">超市大促销<span ></span></a><a href="#">五折大抢购<span ></span></a>
                           </div>
         </div>
         <div class="rightshopList">
            <dl>     
                   <dt><a href="#">手机通讯</a></dt>   
                   <dd><a href="#">笔记本</a><a href="#">超极本</a><a href="#">上网本</a><a href="#">平板电脑</a><a href="#">台式机</a></dd>
           </dl>
           <dl>     
                     <dt><a href="#">京东通讯 </a></dt>
                     <dd>
                             <a href="#">CPU</a> <a href="#">SSD固态硬盘 </a>
                             <a href="#">内存 </a> <a href="#">显示 </a>
                             <a href="#">智能显示器 </a>  <a href="#">主板 </a>
                            
                     </dd>  
           </dl>   
           <dl>
                    <dt><a href="#">运营商 </a></dt>
                     <dd>
                           <a href="#">电脑包 </a>   <a href="#">电脑桌 </a>
                             <a href="#">电池 </a>    <a href="#">电源适配器 </a>
                             <a href="#">贴膜 </a>    <a href="#">清洁用品 </a>
                             <a href="#">笔记本散热器 </a>    <a href="#">USB拓展 </a>
                             <a href="#">平板配件 </a>    <a href="#">特色附件 </a>
                             <a href="#">插座网线/电话线 </a>    <a href="#">影阴线材 </a>
                             <a href="#">电脑线材 </a>       
                     </dd>
            </dl>
            <dl>
                   <dt><a href="#">智能设备 </a></dt>
                   <dd>
                           <a href="#">鼠标 </a> 
                           <a href="#">键盘</a>
                           <a href="#">游戏外设</a>
                           <a href="#">移动硬盘 </a>
                           <a href="#">摄像头</a>
                           <a href="#">高清播放器 </a>
                           <a href="#">外置盒 </a>
                           <a href="#">移动硬盘包 </a>
                           <a href="#">手写板/绘图板</a>
                   </dd>
            </dl>
             <dl>
                   <dt><a href="#">影音娱乐 </a></dt>
                   <dd>
                           <a href="#">路由器 </a> 
                           <a href="#">网卡 </a>
                           <a href="#">3G无线上网</a>
                           <a href="#">交换机 </a>
                           <a href="#">网络存储 </a>
                           <a href="#">布线工具</a>
                           <a href="#">网络配件 </a>
                           <a href="#">正版软件 </a> 
                   </dd>
              </dl>
               <dl>
                   <dt><a href="#">电子教育</a></dt>
                   <dd>
                           <a href="#">学生平板 </a>   <a href="#">点读机</a>
                           <a href="#">录音笔 </a>    <a href="#">电子词典</a>
                           <a href="#">电子书 </a>    <a href="#">复读机 </a>  
                   </dd>
              </dl>
           <div class="shopList_links">
                                <a href="#">手机整机频道<span ></span></a><a href="#">电子教育频道<span ></span></a>
                           </div>
         </div>
         <div class="banner">
              <img  src="images/jpgs/baner0.jpg"/>
              <div class="imgnum"> <a href="#"></a> <a href="#"></a> <a href="#"></a> <a href="#"></a>
              </div>
         </div><!--右图片-->   
    </div><!--顶部菜单列表及图-->
</div>
<div class="middleContent">
     
             <div class="headerShop">
             <h3>家用电脑</h3><div class="scrollup"><div ><ul><li></li><li></li><li></li></ul></div></div>
             <a href="#">更多&gt;&gt;</a>
             </div>
             <div  class="middleShop">
                   <div  class="leftArea">       
                         <a href="#"> <img  src="images/jpgs/1.首页_r2_c2.gif"/></a>
                          <div class="shopNum"> <a href="#"></a> <a href="#"></a> <a href="#"></a>
                          </div>
                  </div>
                 
               <div  class="rightArea">
                 <div  class="showList">
                                 <a href="#"><img src="images/jpgs/chanpin.gif"/></a>
                                 <h3>HTC新渴望8系列</h3>
                                 <p>1899元</p>
                       </div>
                 <div  class="showList">
                             <a href="#"><img src="images/jpgs/chanpin.gif"/></a>
                             <h3>HTC新渴望8系列</h3>
                             <p>1899元</p>
                   </div>
                 <div  class="showList">
                             <a href="#"><img src="images/jpgs/chanpin.gif"/></a>
                             <h3>HTC新渴望8系列</h3>
                             <p>1899元</p>
                   </div>
                 <div  class="showList">
                            <a href="#"> <img src="images/jpgs/chanpin.gif"/></a>
                             <h3>HTC新渴望8系列</h3>
                             <p>1899元</p>
                   </div>
                  <div  class="showListBottom">
                             <div class="shopImg">
                            <a href="#"> <img src="images/jpgs/sh2.gif"/></a>
                             </div>
                             <div class="shopText">
                             <a href="#">NFC技术一碰轻松配对！接触屏幕</a>
                             <p><span>&yen;</span>149.00元</p>
                             </div>
                   </div>
                   <div  class="showListBottom">
                             <div class="shopImg">
                            <a href="#"> <img src="images/jpgs/sl3.gif"/></a>
                             </div>
                             <div class="shopText">
                             <a href="#">Samsung三星GALAXY Grand2</a>
                             <p><span>&yen;</span>2000.00</p>
                             </div>
                   </div>
                   <div  class="showListBottom">
                             <div class="shopImg">
                            <a href="#"> <img src="images/jpgs/sl4.gif"/></a>
                             </div>
                             <div class="shopText">
                             <a href="#">全网低价 Apple 苹果ipad mini1</a>
                             <p><span>&yen;</span>1888.00</p>
                             </div>
                   </div>
                   <div  class="showListBottom">
                             <div class="shopImg">
                           <a href="#"> <img src="images/jpgs/sl1.gif" /></a>
                             </div>
                             <div class="shopText">
                             <a href="#">Apple苹果 全新Retina屏MacBoo</a>
                             <p><span>&yen;</span>20020.00</p>
                             </div>
                   </div>
               </div> 
             </div>
</div>
<div class="middleContent">
     
             <div class="headerShop">
             <h3>食品酒水</h3>
             <a href="#">更多&gt;&gt;</a>
             </div>
             <div  class="middleShop">
                   <div  class="leftArea">       
                          <a href="#"><img  src="images/jpgs/slist2.gif"/></a>
                          <div class="shopNum"> <a href="#"></a> <a href="#"></a> <a href="#"></a>
                          </div>
                  </div>
                 
               <div  class="rightArea">
                 <div  class="showList">
                                <a href="#"> <img src="images/jpgs/shr.gif"/></a>
                                 <h3>三月美食狂欢享</h3>
                                 <p>50元</p>
                       </div>
                 <div  class="showList">
                             <a href="#"><img src="images/jpgs/shr.gif"/></a>
                                 <h3>三月美食狂欢享</h3>
                                 <p>10元</p>
                   </div>
                 <div  class="showList">
                           <a href="#"> <img src="images/jpgs/shr.gif"/></a>
                                 <h3>三月美食狂欢享</h3>
                                 <p>40元</p>
                   </div>
                 <div  class="showList">
                           <a href="#"> <img src="images/jpgs/shr.gif"/></a>
                                 <h3>三月美食狂欢享</h3>
                                 <p>90元</p>
                   </div>
                  <div  class="showListBottom">
                             <div class="shopImg">
                             <a href="#"><img src="images/jpgs/kbt.gif"/></a>
                             </div>
                             <div class="shopText">
                             <a href="#">康比特 维他咀嚼片<p><span>&yen;</span>600.00元</p></a>
                             
                             </div>
                   </div>
                   <div  class="showListBottom">
                            <div class="shopImg">
                             <a href="#"><img src="images/jpgs/kbt.gif"/></a>
                             </div>
                             <div class="shopText">
                             <a href="#">康比特 维他咀嚼片 <p><span>&yen;</span>600.00元</p></a>
                            
                             </div>
                   </div>
                   <div  class="showListBottom">
                            <div class="shopImg">
                             <a href="#"><img src="images/jpgs/kbt.gif"/></a>
                             </div>
                             <div class="shopText">
                             <a href="#">康比特 维他咀嚼片<p><span>&yen;</span>600.00元</p></a>
                             
                             </div>
                   </div>
                   <div  class="showListBottom">
                           <div class="shopImg">
                           <a href="#">  <img src="images/jpgs/kbt.gif"/></a>
                             </div>
                             <div class="shopText">
                             <a href="#">康比特 维他咀嚼片</a>
                             <p><span>&yen;</span>600.00元</p>
                             </div>
                   </div>
               </div> 
             </div>
</div>
<div class="footer">
     <p> <a href="#">慕课简介</a><i>|</i><a href="#">慕课公告</a><i>|</i><a href="#">招贤纳士</a><i>|</i><a href="#">联系我们<i>|</i></a>客服热线: 400-675-1234</p>
   <p> Copyright © 2006 - 2014 慕课版权所有&nbsp;&nbsp;&nbsp;京ICP备09037834号&nbsp;&nbsp;&nbsp;京ICP证B1034-8373号&nbsp;&nbsp;&nbsp;某市公安局XX分局备案编号：123456789123<p>
   <p><a href="#"><img  src="images/jpgs/ft.gif"/></a></p>
</div>
<script src="scripts/index.js"></script>
</body>
</html>
